/*-----------INDEX PAGE START-----------*/

@media (max-width:991px){

.m-title{position:relative;margin-bottom:20px;}
.m-title h1{color:#222;font-size:24px;line-height:40px;text-align:center;font-family:"SourceHanCN","PingFang";}
.m-title p{color:#555;font-size:15px;line-height:20px;text-align:center;margin-top:0px;font-family:"SourceHanCN","PingFang";}

.more{text-align:center;}
.more a{min-width:120px;position:relative;display:inline-block;color:#222;font-size:15px;line-height:30px;font-family:"SourceHanCN","PingFang";text-align:left;border-bottom:#bfbfbf solid 1px;padding-right:50px;}
.more a::before{content:"";position:absolute;right:0px;top:calc(50% - 5px);border-style:solid;border-width:5px 0px 5px 7px;border-color:transparent #222;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.more a::after{content:"";position:absolute;left:0px;bottom:-1px;width:0%;height:2px;background-color:#db000a;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.more a:hover::after{width:100%;}

.m-wraper{padding-top:20px;padding-bottom:30px;}
.m-wraper .container{padding-left:15px;padding-right:15px;}

.m-pic-text{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
.m-pic-text .content{background-color:rgba(0,0,0,0.5);}
.m-pic-text .container{height:200px;font-family:"SourceHanCN","PingFang";display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.m-pic-text .container h1{color:#fff;font-size:20px;line-height:30px;font-family:"SourceHanCNBold","PingFang";margin-left:5%;}
.m-pic-text .container h2{color:#fff;font-size:20px;line-height:30px;font-family:"SourceHanCNBold","PingFang";margin-left:5%;}
.m-pic-text .container p{color:#fff;font-size:13px;line-height:20px;margin-left:calc(5% + 2px);margin-top:5px;}
.m-pic-text .container .text{margin-left:calc(5% + 3px);margin-top:5px;}
.m-pic-text .container .text em{position:relative;margin-right:20px;color:#fff;font-size:13px;line-height:20px;padding-left:10px;display:inline-block;}
.m-pic-text .container .text em::before{content:"";position:absolute;left:0px;top:calc(50% - 4px);border-style:solid;border-width:4px 0px 4px 5px;border-color:transparent #fff;}
.m-pic-text:before{content:"";position:absolute;z-index:1;left:0;top:0;display:block;border-style:solid;border-width:5.44vw 0 0 100vw;border-color:#f3f3f3 transparent transparent transparent;/*border-style:solid;border-width:0 0 5.44vw 100vw;border-color:transparent transparent #f3f3f3 transparent;*/}
.m-pic-text:after{content:"";position:absolute;z-index:1;left:0;bottom:0;display:block;/*border-style:solid;border-width:5.44vw 0 0 100vw;border-color:transparent transparent transparent #f3f3f3;*/border-style:solid;border-width:0 0 5.44vw 100vw;border-color:transparent transparent #f3f3f3 transparent;}
.m-pic-text.contrary .container{align-items:flex-end;}
.m-pic-text.contrary .container h1{margin-left:5%;margin-right:5%;text-align:right;}
.m-pic-text.contrary .container h2{margin-left:5%;margin-right:5%;text-align:right;}
.m-pic-text.contrary .container p{margin-left:calc(5% + 0px);margin-right:calc(5% + 2px);text-align:right;}
.m-pic-text.contrary .container .text{margin-left:calc(0% + 0px);margin-right:calc(5% + 0px);text-align:right;}
.m-pic-text.contrary .container .text em{margin-left:20px;margin-right:0px;}
.m-pic-text.contrary:before{border-width:5.44vw 100vw 0 0;border-color:#f3f3f3 transparent transparent transparent;}
.m-pic-text.contrary:after{border-width:0 100vw 5.44vw 0;border-color:transparent transparent #f3f3f3 transparent;}

.m-solution{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:-5px -5px 20px;}
.m-solution .item{position:relative;background-color:#fff;width:calc(50% - 10px);margin:5px;}
.m-solution .item::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.0);-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-solution .item.not::after{background-color:rgba(0,0,0,0.4);}
.m-solution .item a{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;cursor:pointer;}
.m-solution .item:first-child{width:calc(50% - 10px);}
.m-solution .item:last-child{width:calc(50% - 10px);}
.m-solution .item .photo{height:130px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-solution .item .photo img{width:100%;height:100%;}
.m-solution .item .text{padding:13px 10px 15px;}
.m-solution .item .text h1{color:#222;font-size:15px;line-height:20px;height:20px;font-family:"SourceHanCNBold","PingFang";overflow:hidden;}
.m-solution .item .text p{color:#555;font-size:14px;line-height:20px;height:20px;margin-top:5px;overflow:hidden;}

.tab-title{display:-webkit-flex;display:flex;justify-content:center;align-items:center;margin-top:-10px;margin-bottom:20px;}
.tab-title.intro{justify-content:flex-start;margin-top:0px;margin-bottom:20px;}
.tab-title a{position:relative;background-color:#999;text-align:center;color:#fff;font-size:13px;line-height:30px;padding:0px 0px 0px;font-family:"SourceHanCN","PingFang";margin-left:10px;margin-right:10px;cursor:pointer;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.tab-title a::after{content:"";position:absolute;left:-10px;top:0px;border-style:solid;border-color:transparent #999;border-width:15px 10px 15px 0px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.tab-title a::before{content:"";position:absolute;right:-10px;top:0px;border-style:solid;border-color:transparent #999;border-width:15px 0px 15px 10px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.tab-title a:hover{background-color:#222;}
.tab-title a:hover::after{border-color:transparent #222;}
.tab-title a:hover::before{border-color:transparent #222;}
.tab-title a.active{background-color:#bb1000;}
.tab-title a.active::after{border-color:transparent #bb1000;}
.tab-title a.active::before{border-color:transparent #bb1000;}
.tab-title a.active:hover{background-color:#bb1000;}
.tab-title a.active:hover::after{border-color:transparent #bb1000;}
.tab-title a.active:hover::before{border-color:transparent #bb1000;}

.m-product{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:-5px -5px 20px;}
.m-product .item{position:relative;background-color:#fff;width:calc(50% - 10px);margin:5px;}
.m-product .item::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.0);-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-product .item.not::after{background-color:rgba(0,0,0,0.4);}
.m-product .item a{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;cursor:pointer;}
.m-product .item .photo{height:130px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-product .item .photo img{width:100%;height:100%;}
.m-product .item .text{padding:13px 10px 15px;}
.m-product .item .text h1{color:#222;font-size:15px;line-height:20px;height:20px;font-family:"SourceHanCNBold","PingFang";overflow:hidden;}

.m-intro .photo{float:none;width:100%;}
.m-intro .photo .content{/*padding-top:54.5454%;*/height:240px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-intro .photo .content img{width:100%;height:100%;}
.m-intro .text{float:none;width:100%;padding-left:8px;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.m-intro .text .item{width:50%;padding-right:30px;margin-bottom:20px;}
.m-intro .text .item .name{position:relative;color:#222;font-size:15px;line-height:20px;font-family:"SourceHanCNBold","PingFang";padding-left:15px;}
.m-intro .text .item .name::before{content:"";position:absolute;left:0px;top:calc(50% - 5px);border-style:solid;border-width:5px 0px 5px 7px;border-color:transparent #222;}
.m-intro .text .item p{color:#555;font-size:13px;line-height:22px;margin-top:10px;padding-left:15px;}

.m-scroll-pic{position:relative;display:block;}
.m-scroll-pic .swiper-button-next,.m-scroll-pic .swiper-button-prev{position:absolute;top:calc(50% - 25px);width:50px;height:50px;z-index:100;cursor:pointer;-moz-background-size:auto 16px;-webkit-background-size:auto 16px;background-size:auto 16px;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.2);border-radius:50%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.m-scroll-pic .swiper-button-next:hover,.m-scroll-pic .swiper-button-prev:hover{background-color:rgba(0,0,0,0.4);}
.m-scroll-pic .swiper-button-prev{left:30px;background-image:url(../images/icon-page-lefts.png);}
.m-scroll-pic .swiper-button-next{right:30px;background-image:url(../images/icon-page-rights.png);}
.m-scroll-pic .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:15px;left:0;width:100%;}
.m-scroll-pic .swiper-pagination-bullet{width:20px;height:2px;background-color:rgba(0,0,0,0.5);margin-top:0px!important;margin-bottom:0px!important;}
.m-scroll-pic .swiper-pagination-bullet-active{background-color:rgba(0,0,0,1);}
.m-scroll-pic .swiper-slide{position:relative;width:100%;background-position:center;background-repeat:no-repeat;background-size:auto 100%;}
.m-scroll-pic .swiper-slide a{display:block;position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;}
.m-scroll-pic .swiper-slide img{width:100%;height:auto;}
.m-scroll-pic .swiper-slide .content{position:absolute;z-index:2;right:0px;bottom:0px;width:100%;height:auto;background-color:rgba(255,255,255,1);padding:20px 20px 30px;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;}
.m-scroll-pic .swiper-slide .content .name{color:#222;font-size:18px;line-height:30px;font-family:"SourceHanCNBold","PingFang";}
.m-scroll-pic .swiper-slide .content .text{color:#222;font-size:15px;line-height:20px;font-family:"SourceHanCN","PingFang";margin-top:10px;margin-bottom:10px;}
.m-scroll-pic .swiper-slide .content p{color:#555;font-size:13px;line-height:24px;margin-bottom:5px;}

.m-honor{padding-top:0px;padding-bottom:30px;}

.m-scroll-honor{display:none;}

.m-scroll-honor2{position:relative;overflow:hidden;}
.m-scroll-honor2 .item{float:left;margin:0px;padding:4px 2px;}
.m-scroll-honor2 .item img{height:150px;}

.m-pic-list{margin:0px -10px 0px;}
.m-pic-list .item{/*float:left;width:calc(25% - 20px);*/margin:10px;position:relative;border-radius:0px;overflow:hidden;}
.m-pic-list .item a{position:absolute;z-index:1;top:0px;left:0px;display:block;width:100%;height:100%;}
.m-pic-list .item .con{position:relative;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-pic-list .item .con img{width:100%;height:240px;display:block;}
.m-pic-list .item:hover .con{background-size:103% auto;}
.m-pic-list .item .text{text-align:center;color:#111;font-size:15px;line-height:20px;margin-top:10px;font-family:"SourceHanCN","PingFang";-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-pic-list .item:hover .text{color:#db000a;}
.m-pic-list .owl-controls{margin-top:-5px;text-align:center;}
.m-pic-list .owl-page{cursor:pointer;display:inline-block;width:20px;height:2px;margin:0px 3px;background-color:rgba(0,0,0,0.3);-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-pic-list .owl-page.active{background-color:rgba(0,0,0,1);}

.s-pic-list{margin:0px -10px 0px;}
.s-pic-list .item{float:left;width:calc(50% - 20px);margin:10px 10px 20px;position:relative;border-radius:0px;overflow:hidden;}
.s-pic-list .item a{position:absolute;z-index:1;top:0px;left:0px;display:block;width:100%;height:100%;}
.s-pic-list .item .con{position:relative;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-pic-list .item .con img{width:100%;height:130px;display:block;}
.s-pic-list .item:hover .con{background-size:103% auto;}
.s-pic-list .item .text{text-align:center;color:#111;font-size:15px;line-height:20px;height:40px;overflow:hidden;margin-top:10px;font-family:"SourceHanCN","PingFang";-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-pic-list .item:hover .text{color:#db000a;}

.s-wraper{padding-top:60px;padding-bottom:30px;}
.s-wraper .container{padding-left:15px;padding-right:15px;}

.s-title{margin-bottom:10px;padding-bottom:5px;border-bottom:rgba(0,0,0,0.15) dotted 1px;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;}
.s-title .name{width:60%;color:#222;font-size:18px;line-height:30px;font-family:"SourceHanCN","PingFang";}
.s-title .postion{color:#bbb;font-size:13px;line-height:16px;font-family:"SourceHanCN","PingFang";display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;}
.s-title .postion i{position:relative;margin-right:14px;width:10px;height:16px;color:#333;font-size:16px;}
.s-title .postion em{margin-left:8px;margin-right:8px;font-size:12px;}
.s-title .postion a{display:inline-block;font-size:13px;line-height:16px;}

.s-title-link{display:inline-block;margin-left:0px;margin-top:-10px;}
.s-title-link a{position:relative;display:none;background-color:#999;text-align:center;color:#fff;font-size:14px;line-height:30px;padding:0px 10px 0px;font-family:"SourceHanCN","PingFang";margin-top:5px;margin-left:8px;margin-right:8px;cursor:pointer;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.s-title-link a:hover{background-color:#222;}
.s-title-link a:hover::after{border-color:transparent #222;}
.s-title-link a:hover::before{border-color:transparent #222;}
.s-title-link a.active{display:inline-block;background-color:transparent;color:#555;}
.s-title-link a.active::after{border-color:transparent #bb1000;}
.s-title-link a.active::before{border-color:transparent #bb1000;}
.s-title-link a.active:hover{background-color:#bb1000;}
.s-title-link a.active:hover::after{border-color:transparent #bb1000;}
.s-title-link a.active:hover::before{border-color:transparent #bb1000;}

.s-about-intro{padding-bottom:0px;}
.s-about-intro .item{padding-top:10px;padding-bottom:10px;border-bottom:rgba(0,0,0,0.15) dotted 1px;}
.s-about-intro .item .photo{width:100%;padding-top:10px;padding-bottom:10px;}
.s-about-intro .item .photo .content{background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-about-intro .item .photo .content img{width:100%;height:100%;}
.s-about-intro .item .text{width:calc(100% - 0px);padding-top:10px;padding-bottom:10px;}
.s-about-intro .item .text h1{color:#222;font-size:18px;line-height:26px;font-family:"SourceHanCNBold","PingFang";margin-bottom:25px;}
.s-about-intro .item .text h2{color:#444;font-size:16px;line-height:24px;font-family:"SourceHanCNBold","PingFang";margin-bottom:10px;}
.s-about-intro .item .text p{color:#666;font-size:15px;line-height:24px;margin-bottom:15px;}

.s-about-news{}
.s-about-news .item{position:relative;padding-top:10px;padding-bottom:10px;border-bottom:rgba(0,0,0,0.15) dotted 1px;}
.s-about-news .item a{display:block;position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;}
.s-about-news .item .photo{width:100%;padding-top:10px;padding-bottom:10px;}
.s-about-news .item .photo .content{height:220px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-about-news .item .photo .content img{width:100%;height:100%;}
.s-about-news .item .text{width:calc(100% - 0px);padding-left:0px;padding-right:0px;padding-top:10px;padding-bottom:10px;}
.s-about-news .item .text h1{color:#222;font-size:18px;line-height:30px;font-family:"SourceHanCNBold","PingFang";margin-bottom:10px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-about-news .item .text p{color:#666;font-size:14px;line-height:26px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-about-news .item .date{width:180px;}
.s-about-news .item .date .year{color:#afafaf;font-size:14px;line-height:26px;font-family:"hurme";}
.s-about-news .item .date .year em{display:block;color:#4b4b4b;font-size:44px;line-height:50px;}
.s-about-news .item:hover .text h1{color:#db000a;}
.s-about-news .item:hover .text p{color:#222;}

.page{height:40px;margin-top:20px;text-align:center;color:rgba(255,255,255,0.6);}
.page a{display:none;font-size:13px;color:#555;line-height:38px;height:40px;text-align:center;padding-left:12px;padding-right:12px;border:#ddd solid 1px;margin-left:-1px;}
.page a:hover{color:#af0400;}
.page a.active{background-color:#af0400;border:#af0400 solid 1px;color:#fff;}
.page a.previous{display:inline-block;position:relative;width:auto;font-size:13px;padding-left:40px;padding-right:30px;white-space:nowrap;}
#.page a.previous:before{font-family:'FontAwesome';content:"\f104";position:absolute;left:28px;top:0px;color:#888;font-size:14px;line-height:36px;}
#.page a.previous:hover:before{left:26px;color:#af0400;}
.page a.next{display:inline-block;position:relative;width:auto;font-size:13px;padding-left:30px;padding-right:40px;white-space:nowrap;}
#.page a.next:before{font-family:'FontAwesome';content:"\f105";position:absolute;right:28px;top:0px;color:#888;font-size:14px;line-height:36px;}
#.page a.next:hover:before{right:26px;color:#af0400;}
.page a.first{width:auto;padding-left:20px;padding-right:20px;font-size:13px;}
.page a.last{width:auto;padding-left:20px;padding-right:20px;font-size:13px;}

.detail-content{font-size:16px;color:#333;text-align:justify;margin:0px auto;padding:20px 0px;min-height:500px;}
.detail-content h1{position:relative;font-size:24px;color:#111;line-height:28px;margin-top:0px;margin-bottom:10px;display:block;padding-bottom:0px;text-align:center;font-family:"SourceHanCNBold","PingFang";}
.detail-content h1:first-child{margin-top:0px;}
.detail-content h2{font-size:18px;color:#333;line-height:20px;margin-top:20px;margin-bottom:10px;}
.detail-content h2:first-child{margin-top:0px;}
.detail-content h3{font-size:14px;color:#666;line-height:20px;margin-top:15px;margin-bottom:30px;text-align:center;}
.detail-content dl.dot{margin-bottom:15px;}
.detail-content dl.dot dd{position:relative;padding:5px 0px 5px 14px;line-height:20px;}
.detail-content dl.dot dd:before{content:"";display:inline-block;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:6px;margin-top:7px;position:absolute;left:0px;}
.detail-content dl.dot p{padding-left:14px;line-height:26px;margin-top:-3px;margin-bottom:5px;color:#333;}
.detail-content dl.dot ul{margin-left:26px;}
.detail-content dl.dot li{padding:0px 0px 10px 4px;list-style:decimal;line-height:26px;color:#333;}
.detail-content dl.dot dl{margin-left:15px;}
.detail-content dl.dot dl dd{padding:5px 0px 5px 12px;line-height:26px;color:#333;}
.detail-content dl.dot dl dd:before{content:"";display:inline-block;width:3px;height:3px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:0px;margin-top:6px;position:absolute;left:0px;}
.detail-content iframe{width:100%;height:300px;}
.detail-content video{width:100%;height:300px;background-color:#000;}
.detail-content img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 0px!important;padding:0px!important;}
.detail-content table{margin-bottom:15px;width:100%;border-collapse:separate;border-spacing:1px;background-color:rgba(0,0,0,0.1);}
.detail-content table td{background-color:#FFF;padding:12px 12px;line-height:18px;font-size:14px;color:#555;}
.detail-content p{margin-bottom:25px;line-height:30px;}
.detail-content p:last-child{margin-bottom:0px;}

.detail-next{position:relative;margin-top:30px;padding-top:20px;padding-bottom:0px;border-top:rgba(0,0,0,0.15) dotted 1px;}
.detail-next:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:1px;background-color:#f2f2f2;}
.detail-next a{font-size:14px;}
.detail-next .links{color:#999;font-size:14px;line-height:22px;padding-top:4px;padding-bottom:4px;}

.s-contact{padding-top:20px;padding-bottom:20px;}
.s-contact .text{width:calc(100% - 0px);}
.s-contact .text .logo{margin-bottom:20px;}
.s-contact .text .logo img{height:36px;}
.s-contact .text h1{color:#222;font-size:22px;line-height:28px;font-family:"SourceHanCNBold","PingFang";margin-bottom:15px;}
.s-contact .text h2{color:#222;font-size:16px;line-height:28px;font-family:"SourceHanCNBold","PingFang";margin-top:15px;}
.s-contact .text p{color:#555;font-size:14px;line-height:28px;}
.s-contact .right-message{width:calc(100% - 0px);background-color:rgba(255,255,255,0);padding:20px 0px;box-shadow:0px 0px 10px rgba(0,0,0,0.0);}
.s-contact .qrcode{margin-top:20px;display:-webkit-flex;display:flex;justify-content:center;align-items:flex-start;}
.s-contact .qrcode .item{margin-right:30px;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;}
.s-contact .qrcode .item img{width:140px;}
.s-contact .qrcode .item p{color:#222;font-size:14px;line-height:20px;font-family:"SourceHanCN","PingFang";margin-top:10px;}

.s-message{position:relative;z-index:10;width:100%;}
.s-message .title{display:block;position:relative;color:#111;font-size:16px;line-height:24px;font-family:"SourceHanCN","PingFang";padding-bottom:0px;}
.s-message .contents{position:relative;z-index:10;}
.s-message form{padding:20px 0px 0px;}
.s-message .el-form-item{position:relative;}
.s-message .el-input.el-input__inner{border-width:0px;}
.s-message .el-input{position:relative;z-index:3;height:60px;padding:28px 50% 12px 20px;color:#000;font-size:18px;background-color:transparent!important;font-family:"SourceHanCN","PingFang";border-radius:3px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message textarea.el-input{width:100%;height:100px;margin-top:30px;margin-right:1px;padding:0px 30% 20px 20px;color:#000;line-height:26px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-input.el-button{width:100%;cursor:pointer;border-width:0px;color:#fff;font-size:16px;font-family:"SourceHanCN","PingFang";text-shadow:1px 1px 0px rgba(0,0,0,0.3);padding:2px 20px 2px;background-color:#333!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-input.el-button:hover{background-color:#bb121a!important;}
.s-message .el-input.el-button.disabled{background-color:#000!important;color:rgba(255,255,255,0.8)!important;text-shadow:0px 0px 0px rgba(0,0,0,0.0)!important;cursor:not-allowed;}
.s-message .el-form-item{position:relative;margin-bottom:10px;display:-webkit-flex;display:flex;justify-content:space-between;}
.s-message .el-form-item span.error{position:absolute;z-index:2;right:20px;top:20px;color:#bb121a;font-size:12px;line-height:20px;padding-right:18px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-form-item label{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;padding-left:20px;padding-top:20px;background-color:#fff;border:rgba(0,0,0,0.1) solid 1px;border-radius:3px;color:#222;font-size:14px;line-height:16px;font-family:"SourceHanCN","PingFang";cursor:text;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-form-item label::before{content:"";position:absolute;z-index:0;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border:rgba(0,0,0,0.05) solid 3px;border-radius:5px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-form-item:hover label{border:rgba(0,0,0,0.2) solid 1px;}
.s-message .el-form-item:hover label::before{border:rgba(0,0,0,0.08) solid 2px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label{border:rgba(0,0,0,0.4) solid 1px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label::before{border:rgba(0,0,0,0.15) solid 2px;}
.s-message .el-form-item .el-input:focus ~ label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.visited label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.item02{float:left;width:calc(100% - 140px);}
.s-message .el-form-item.item02 + .el-form-item.item02{width:140px;background-color:transparent;}
.s-message .el-form-item.item02 img{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;}
.s-message .el-form-item.item02 #canvas{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;background-color:rgba(0,0,0,0.05);cursor:pointer;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-form-item.item02 #canvas:hover{background-color:#f8efdd;}
.s-message .el-form-item.item02 button[type="button"]{margin-left:10px;width:calc(100% - 10px)!important;cursor:pointer;background-color:rgba(0,0,0,0.1);padding:10px 20px 10px;color:#222;font-size:15px;}
.s-message .el-form-item.item02 button[type="button"]:hover{background-color:#333;color:#fff;}
.s-message .el-form-item.item02 button[type="button"].visited{background-color:rgba(0,0,0,0.05);color:#999;cursor:not-allowed;}
.s-message .el-form-item input.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item input.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-message .el-form-item input.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.s-message .el-form-item textarea.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item textarea.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-message .el-form-item textarea.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.s-message .el-form-item input.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.s-message .el-form-item input.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.s-message .el-form-item textarea.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.s-message .el-form-item textarea.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.s-message .tips{color:#888;font-size:13px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.sub-product-detail{margin:0px auto;max-width:100%;}
.sub-product-detail .con-left{width:100%;padding-top:30px;}
.sub-product-detail .con-left .name{color:#222;font-size:28px;line-height:30px;font-family:"SourceHanCNBold","PingFang";margin-bottom:20px;}
.sub-product-detail .con-left p{font-size:15px;color:#222;line-height:26px;margin-bottom:15px;}
.sub-product-detail .con-right{width:100%;}
.sub-product-detail .con-right .swiper-container{position:relative;}
.sub-product-detail .con-right .gallery-top .swiper-slide{text-align:center;}
.sub-product-detail .con-right .gallery-top img{width:calc(100% - 0px);}
.sub-product-detail .con-right .gallery-top video{width:calc(100% - 80px);height:100%;}
.sub-product-detail .con-right .gallery-top iframe{width:calc(100% - 80px);height:100%;}
.sub-product-detail .con-right .swiper-container.gallery-thumbs{width:100%;margin-top:5px;}
.sub-product-detail .con-right .swiper-container.gallery-thumbs .swiper-slide{cursor:pointer;}
.sub-product-detail .con-right .swiper-container.gallery-thumbs .swiper-slide img{width:100%;margin:0px;padding:0px;border:rgba(0,0,0,0.1) solid 1px;}
.sub-product-detail .con-right .swiper-container.gallery-thumbs .swiper-slide-active img{border:#db000a solid 1px;}
.sub-product-detail .con-right .gallery-top .swiper-button-prevs{position:absolute;z-index:1;top:calc(50% - 20px);left:0px;width:30px;height:40px;display:block;cursor:pointer;background-color:rgba(0,0,0,0.06);background-image:url(../images/scroll-left.png);background-size:7px 14px;background-position:center;background-repeat:no-repeat;-webkit-transition:all .2s linear;transition:all .2s linear;}
.sub-product-detail .con-right .gallery-top .swiper-button-nexts{position:absolute;z-index:1;top:calc(50% - 20px);right:0px;width:30px;height:40px;display:block;cursor:pointer;background-color:rgba(0,0,0,0.06);background-image:url(../images/scroll-right.png);background-size:7px 14px;background-position:center;background-repeat:no-repeat;-webkit-transition:all .2s linear;transition:all .2s linear;}
.sub-product-detail .con-right .gallery-top .swiper-button-prevs:hover{background-image:url(../images/scroll-leftc.png);}
.sub-product-detail .con-right .gallery-top .swiper-button-nexts:hover{background-image:url(../images/scroll-rightc.png);}
.sub-product-detail .con-right .gallery-thumbs .swiper-slide{position:relative;}
.sub-product-detail .con-right .gallery-thumbs .swiper-slide i{position:absolute;z-index:1;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;background-image:url(../images/icon-video.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;}
.sub-product-detail dl.dot{margin-top:0px;margin-bottom:15px;}
.sub-product-detail dl.dot dd{position:relative;padding:5px 0px 5px 12px;color:#222;font-size:15px;line-height:24px;}
.sub-product-detail dl.dot dd:before{content:"";position:absolute;left:0px;top:14px;display:inline-block;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.6);}

}

@media (max-width:768px){


}

@media (max-width:480px){


}

@media (max-width:320px){


}

@media (min-width:992px){

.m-title{position:relative;margin-bottom:40px;}
.m-title h1{color:#222;font-size:36px;line-height:40px;text-align:center;font-family:"SourceHanCN","PingFang";}
.m-title p{color:#555;font-size:18px;line-height:20px;text-align:center;margin-top:10px;font-family:"SourceHanCN","PingFang";}

.mousehover{-webkit-transition:all 400ms cubic-bezier(.25,.1,.25,1);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.mousehover:hover{transform:translateY(-2px)!important;box-shadow:0px 0px 10px rgba(0,0,0,0.2)!important;-webkit-transition:all 600ms cubic-bezier(.25,.1,.25,1);transition:all 600ms cubic-bezier(.25,.1,.25,1);}

.more{text-align:center;}
.more a{min-width:160px;position:relative;display:inline-block;color:#222;font-size:18px;line-height:40px;font-family:"SourceHanCN","PingFang";text-align:left;border-bottom:#bfbfbf solid 1px;padding-right:50px;}
.more a::before{content:"";position:absolute;right:0px;top:calc(50% - 5px);border-style:solid;border-width:5px 0px 5px 7px;border-color:transparent #222;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.more a::after{content:"";position:absolute;left:0px;bottom:-1px;width:0%;height:2px;background-color:#db000a;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.more a:hover::after{width:100%;}

.m-wraper{padding-top:40px;padding-bottom:50px;}

.m-pic-text{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
.m-pic-text .content{background-color:rgba(0,0,0,0.5);}
.m-pic-text .container{height:480px;font-family:"SourceHanCN","PingFang";display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.m-pic-text .container h1{color:#fff;font-size:50px;line-height:60px;font-family:"SourceHanCNBold","PingFang";margin-left:10%;margin-bottom:10px;}
.m-pic-text .container h2{color:#fff;font-size:40px;line-height:50px;font-family:"SourceHanCNBold","PingFang";margin-left:10%;margin-bottom:10px;}
.m-pic-text .container p{color:#fff;font-size:22px;line-height:40px;margin-left:calc(10% + 3px);margin-bottom:10px;}
.m-pic-text .container .text{margin-left:calc(10% + 5px);line-height:30px;}
.m-pic-text .container .text em{position:relative;margin-right:20px;color:#fff;font-size:18px;line-height:20px;padding-left:15px;display:inline-block;}
.m-pic-text .container .text em::before{content:"";position:absolute;left:0px;top:4px;border-style:solid;border-width:5px 0px 5px 7px;border-color:transparent #fff;}
.m-pic-text:before{content:"";position:absolute;z-index:1;left:0;top:0;display:block;border-style:solid;border-width:5.44vw 0 0 100vw;border-color:#f3f3f3 transparent transparent transparent;/*border-style:solid;border-width:0 0 5.44vw 100vw;border-color:transparent transparent #f3f3f3 transparent;*/}
.m-pic-text:after{content:"";position:absolute;z-index:1;left:0;bottom:0;display:block;/*border-style:solid;border-width:5.44vw 0 0 100vw;border-color:transparent transparent transparent #f3f3f3;*/border-style:solid;border-width:0 0 5.44vw 100vw;border-color:transparent transparent #f3f3f3 transparent;}
.m-pic-text.contrary .container{align-items:flex-end;}
.m-pic-text.contrary .container h1{margin-left:0%;margin-right:10%;text-align:right;}
.m-pic-text.contrary .container h2{margin-left:0%;margin-right:10%;text-align:right;}
.m-pic-text.contrary .container p{margin-left:calc(10% + 0px);margin-right:calc(10% + 2px);text-align:right;}
.m-pic-text.contrary .container .text{margin-left:calc(10% + 0px);margin-right:calc(10% + 0px);text-align:right;}
.m-pic-text.contrary .container .text em{margin-left:20px;margin-right:0px;}
.m-pic-text.contrary:before{border-width:5.44vw 100vw 0 0;border-color:#f3f3f3 transparent transparent transparent;}
.m-pic-text.contrary:after{border-width:0 100vw 5.44vw 0;border-color:transparent transparent #f3f3f3 transparent;}

.m-solution{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:-10px -10px 40px;}
.m-solution .item{position:relative;background-color:#fff;width:calc(33.333333% - 20px);margin:10px;}
.m-solution .item::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.0);-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-solution .item.not::after{background-color:rgba(0,0,0,0.4);}
.m-solution .item a{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;cursor:pointer;}
/* .m-solution .item:first-child{width:calc(40% - 20px);}
.m-solution .item:last-child{width:calc(40% - 20px);} */
.m-solution .item .photo{height:280px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-solution .item .photo img{width:100%;height:100%;}
.m-solution .item .text{padding:25px 20px 27px;}
.m-solution .item .text h1{color:#222;font-size:18px;line-height:20px;height:20px;font-family:"SourceHanCNBold","PingFang";overflow:hidden;}
.m-solution .item .text p{color:#555;font-size:15px;line-height:20px;height:20px;margin-top:12px;overflow:hidden;}
.m-solution.list .item{width:calc(33.333333% - 20px);}
.m-solution.list .item:first-child{width:calc(33.333333% - 20px);}
.m-solution.list .item:last-child{width:calc(33.333333% - 20px);}

.tab-title{display:-webkit-flex;display:flex;justify-content:center;align-items:center;margin-top:-10px;margin-bottom:40px;}
.tab-title.intro{justify-content:flex-start;margin-top:0px;margin-bottom:40px;}
.tab-title a{position:relative;background-color:#999;text-align:center;min-width:180px;color:#fff;font-size:20px;line-height:50px;padding:0px 40px 0px;font-family:"SourceHanCN","PingFang";margin-left:18px;margin-right:18px;cursor:pointer;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.tab-title a::after{content:"";position:absolute;left:-18px;top:0px;border-style:solid;border-color:transparent #999;border-width:25px 18px 25px 0px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.tab-title a::before{content:"";position:absolute;right:-18px;top:0px;border-style:solid;border-color:transparent #999;border-width:25px 0px 25px 18px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.tab-title a:hover{background-color:#222;}
.tab-title a:hover::after{border-color:transparent #222;}
.tab-title a:hover::before{border-color:transparent #222;}
.tab-title a.active{background-color:#bb1000;}
.tab-title a.active::after{border-color:transparent #bb1000;}
.tab-title a.active::before{border-color:transparent #bb1000;}
.tab-title a.active:hover{background-color:#bb1000;}
.tab-title a.active:hover::after{border-color:transparent #bb1000;}
.tab-title a.active:hover::before{border-color:transparent #bb1000;}

.m-product{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:-10px -10px 40px;}
.m-product .item{position:relative;background-color:#fff;width:calc(33.333333% - 20px);margin:10px;}
.m-product .item::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.0);-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-product .item.not::after{background-color:rgba(0,0,0,0.4);}
.m-product .item a{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;cursor:pointer;}
.m-product .item .photo{height:280px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-product .item .photo img{width:100%;height:100%;}
.m-product .item .text{padding:25px 20px 27px;}
.m-product .item .text h1{color:#222;font-size:18px;line-height:20px;height:20px;font-family:"SourceHanCNBold","PingFang";overflow:hidden;}

.m-intro .photo{float:right;width:40%;}
.m-intro .photo .content{/*padding-top:54.5454%;*/height:340px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-intro .photo .content img{width:100%;height:100%;}
.m-intro .text{float:left;width:60%;padding-left:18px;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.m-intro .text .item{width:50%;padding-right:30px;margin-bottom:30px;}
.m-intro .text .item .name{position:relative;color:#222;font-size:18px;line-height:20px;font-family:"SourceHanCNBold","PingFang";padding-left:20px;}
.m-intro .text .item .name::before{content:"";position:absolute;left:0px;top:calc(50% - 7px);border-style:solid;border-width:7px 0px 7px 10px;border-color:transparent #222;}
.m-intro .text .item p{color:#555;font-size:15px;line-height:24px;margin-top:10px;padding-left:20px;}

.m-scroll-pic{position:relative;display:block;}
.m-scroll-pic .swiper-button-next,.m-scroll-pic .swiper-button-prev{position:absolute;top:calc(50% - 25px);width:50px;height:50px;z-index:100;cursor:pointer;-moz-background-size:auto 16px;-webkit-background-size:auto 16px;background-size:auto 16px;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.2);border-radius:50%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.m-scroll-pic .swiper-button-next:hover,.m-scroll-pic .swiper-button-prev:hover{background-color:rgba(0,0,0,0.4);}
.m-scroll-pic .swiper-button-prev{left:30px;background-image:url(../images/icon-page-lefts.png);}
.m-scroll-pic .swiper-button-next{right:30px;background-image:url(../images/icon-page-rights.png);}
.m-scroll-pic .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px;left:0px;width:100%;}
.m-scroll-pic .swiper-pagination-bullet{width:30px;height:3px;background-color:rgba(0,0,0,0.5);margin-top:0px!important;margin-bottom:0px!important;}
.m-scroll-pic .swiper-pagination-bullet-active{background-color:rgba(0,0,0,1);}
.m-scroll-pic .swiper-slide{position:relative;width:100%;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.m-scroll-pic .swiper-slide a{display:block;position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;}
.m-scroll-pic .swiper-slide img{width:100%!important;height:auto;display:block;}
.m-scroll-pic .swiper-slide .content{position:absolute;z-index:2;right:0px;top:0px;width:500px;height:100%;background-color:rgba(255,255,255,1);padding-left:40px;padding-top:30px;padding-right:40px;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;}
.m-scroll-pic .swiper-slide .content .name{color:#222;font-size:26px;line-height:30px;font-family:"SourceHanCNBold","PingFang";}
.m-scroll-pic .swiper-slide .content .text{color:#222;font-size:22px;line-height:26px;font-family:"SourceHanCN","PingFang";margin-top:15px;margin-bottom:20px;}
.m-scroll-pic .swiper-slide .content p{color:#555;font-size:15px;line-height:24px;margin-bottom:25px;}
.m-scroll-pic .swiper-slide-active{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}

.m-honor{padding-top:0px;padding-bottom:50px;}

.m-scroll-honor{position:relative;}
.m-scroll-honor .item{float:left;margin:0px;padding:4px 2px;}
.m-scroll-honor .item img{height:200px;}

.m-scroll-honor2{display:none;}

.m-pic-list{margin:0px -10px 0px;}
.m-pic-list .item{/*float:left;width:calc(25% - 20px);*/margin:10px;position:relative;border-radius:0px;overflow:hidden;}
.m-pic-list .item a{position:absolute;z-index:1;top:0px;left:0px;display:block;width:100%;height:100%;}
.m-pic-list .item .con{position:relative;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-pic-list .item .con img{width:100%;height:220px;display:block;}
.m-pic-list .item:hover .con{background-size:103% auto;}
.m-pic-list .item .text{text-align:center;color:#111;font-size:15px;line-height:20px;margin-top:10px;font-family:"SourceHanCN","PingFang";-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-pic-list .item:hover .text{color:#db000a;}
.m-pic-list .owl-controls{margin-top:0px;text-align:center;}
.m-pic-list .owl-page{cursor:pointer;display:inline-block;width:30px;height:3px;margin:0px 3px;background-color:rgba(0,0,0,0.3);-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-pic-list .owl-page.active{background-color:rgba(0,0,0,1);}

.s-pic-list{margin:0px -10px 0px;}
.s-pic-list .item{float:left;width:calc(25% - 20px);margin:10px 10px 20px;position:relative;border-radius:0px;overflow:hidden;}
.s-pic-list .item a{position:absolute;z-index:1;top:0px;left:0px;display:block;width:100%;height:100%;}
.s-pic-list .item .con{position:relative;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-pic-list .item .con img{width:100%;height:240px;display:block;}
.s-pic-list .item:hover .con{background-size:103% auto;}
.s-pic-list .item .text{text-align:center;color:#111;font-size:15px;line-height:20px;height:40px;overflow:hidden;margin-top:10px;font-family:"SourceHanCN","PingFang";-webkit-transition:all .2s linear;transition:all .2s linear;}
.s-pic-list .item:hover .text{color:#db000a;}

.s-wraper{padding-top:120px;padding-bottom:80px;}
.s-wraper .container{padding-left:200px;padding-right:200px;}

.s-title{margin-bottom:40px;padding-bottom:10px;border-bottom:rgba(0,0,0,0.15) dotted 1px;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;}
.s-title .name{width:70%;color:#222;font-size:32px;line-height:40px;font-family:"SourceHanCN","PingFang";display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;}
.s-title .name span{width:150px;white-space:nowrap;color:#222;font-size:32px;line-height:40px;font-family:"SourceHanCN","PingFang";}
.s-title .postion{width:30%;color:#bbb;font-size:13px;line-height:16px;font-family:"SourceHanCN","PingFang";margin-top:12px;display:-webkit-flex;display:flex;justify-content:flex-end;align-items:center;}
.s-title .postion i{position:relative;margin-right:14px;width:10px;height:16px;color:#333;font-size:16px;}
.s-title .postion em{margin-left:8px;margin-right:8px;font-size:12px;}
.s-title .postion a{display:inline-block;font-size:13px;line-height:16px;}

.s-title-link{width:calc(100% - 150px);display:inline-block;margin-left:20px;margin-top:2px;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.s-title-link a{position:relative;display:inline-block;background-color:#999;text-align:center;color:#fff;font-size:16px;line-height:36px;padding:0px 30px 0px;font-family:"SourceHanCN","PingFang";margin-left:12px;margin-right:12px;margin-bottom:5px;cursor:pointer;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.s-title-link a::after{content:"";position:absolute;left:-12px;top:0px;border-style:solid;border-color:transparent #999;border-width:18px 12px 18px 0px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.s-title-link a::before{content:"";position:absolute;right:-12px;top:0px;border-style:solid;border-color:transparent #999;border-width:18px 0px 18px 12px;-webkit-transition:all 200ms cubic-bezier(.25,.1,.25,1);transition:all 200ms cubic-bezier(.25,.1,.25,1);}
.s-title-link a:hover{background-color:#222;}
.s-title-link a:hover::after{border-color:transparent #222;}
.s-title-link a:hover::before{border-color:transparent #222;}
.s-title-link a.active{background-color:#bb1000;}
.s-title-link a.active::after{border-color:transparent #bb1000;}
.s-title-link a.active::before{border-color:transparent #bb1000;}
.s-title-link a.active:hover{background-color:#bb1000;}
.s-title-link a.active:hover::after{border-color:transparent #bb1000;}
.s-title-link a.active:hover::before{border-color:transparent #bb1000;}

.s-about-intro{padding-bottom:0px;}
.s-about-intro .item{padding-top:50px;padding-bottom:50px;border-bottom:rgba(0,0,0,0.15) dotted 1px;display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;}
.s-about-intro .item .photo{width:40%;}
.s-about-intro .item .photo .content{background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-about-intro .item .photo .content img{width:100%;height:100%;}
.s-about-intro .item .text{width:calc(60% - 50px);}
.s-about-intro .item .text h1{color:#222;font-size:22px;line-height:30px;font-family:"SourceHanCNBold","PingFang";margin-bottom:25px;}
.s-about-intro .item .text h2{color:#444;font-size:17px;line-height:26px;font-family:"SourceHanCNBold","PingFang";margin-bottom:10px;}
.s-about-intro .item .text p{color:#666;font-size:15px;line-height:24px;margin-bottom:25px;}

.s-about-news{}
.s-about-news .item{position:relative;padding-top:40px;padding-bottom:40px;border-bottom:rgba(0,0,0,0.15) dotted 1px;display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;}
.s-about-news .item a{display:block;position:absolute;z-index:10;left:0px;top:0px;width:100%;height:100%;}
.s-about-news .item .photo{width:380px;}
.s-about-news .item .photo .content{height:240px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.s-about-news .item .photo .content img{width:100%;height:100%;}
.s-about-news .item .text{width:calc(100% - 560px);padding-left:40px;padding-right:30px;}
.s-about-news .item .text h1{color:#222;font-size:18px;line-height:30px;font-family:"SourceHanCNBold","PingFang";margin-bottom:10px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-about-news .item .text p{color:#666;font-size:14px;line-height:26px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-about-news .item .date{width:180px;}
.s-about-news .item .date .year{color:#afafaf;font-size:14px;line-height:26px;font-family:"hurme";}
.s-about-news .item .date .year em{display:block;color:#4b4b4b;font-size:44px;line-height:50px;}
.s-about-news .item:hover .text h1{color:#db000a;}
.s-about-news .item:hover .text p{color:#222;}

.page{height:40px;margin-top:30px;text-align:center;color:rgba(255,255,255,0.6);}
.page a{font-size:13px;color:#555;line-height:38px;height:40px;text-align:center;display:inline-block;padding-left:12px;padding-right:12px;border:#ddd solid 1px;margin-left:-1px;}
.page a:hover{color:#af0400;}
.page a.active{background-color:#af0400;border:#af0400 solid 1px;color:#fff;}
.page a.previous{position:relative;width:auto;font-size:13px;padding-left:40px;padding-right:30px;white-space:nowrap;}
#.page a.previous:before{font-family:'FontAwesome';content:"\f104";position:absolute;left:28px;top:0px;color:#888;font-size:14px;line-height:36px;}
#.page a.previous:hover:before{left:26px;color:#af0400;}
.page a.next{position:relative;width:auto;font-size:13px;padding-left:30px;padding-right:40px;white-space:nowrap;}
#.page a.next:before{font-family:'FontAwesome';content:"\f105";position:absolute;right:28px;top:0px;color:#888;font-size:14px;line-height:36px;}
#.page a.next:hover:before{right:26px;color:#af0400;}
.page a.first{width:auto;padding-left:20px;padding-right:20px;font-size:13px;}
.page a.last{width:auto;padding-left:20px;padding-right:20px;font-size:13px;}

.detail-content{font-size:16px;color:#333;text-align:justify;margin:0px auto;padding:40px 0px;max-width:800px;min-height:500px;}
.detail-content h1{position:relative;font-size:32px;color:#111;line-height:38px;margin-top:30px;margin-bottom:20px;display:block;padding-bottom:0px;text-align:center;font-family:"SourceHanCNBold","PingFang";}
.detail-content h1:first-child{margin-top:0px;}
.detail-content h2{font-size:18px;color:#333;line-height:20px;margin-top:20px;margin-bottom:10px;}
.detail-content h2:first-child{margin-top:0px;}
.detail-content h3{font-size:14px;color:#666;line-height:20px;margin-top:15px;margin-bottom:30px;text-align:center;}
.detail-content dl.dot{margin-bottom:15px;}
.detail-content dl.dot dd{position:relative;padding:5px 0px 5px 14px;line-height:20px;}
.detail-content dl.dot dd:before{content:"";display:inline-block;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:6px;margin-top:7px;position:absolute;left:0px;}
.detail-content dl.dot p{padding-left:14px;line-height:26px;margin-top:-3px;margin-bottom:5px;color:#333;}
.detail-content dl.dot ul{margin-left:26px;}
.detail-content dl.dot li{padding:0px 0px 10px 4px;list-style:decimal;line-height:26px;color:#333;}
.detail-content dl.dot dl{margin-left:15px;}
.detail-content dl.dot dl dd{padding:5px 0px 5px 12px;line-height:26px;color:#333;}
.detail-content dl.dot dl dd:before{content:"";display:inline-block;width:3px;height:3px;border-radius:20px;background-color:rgba(0,0,0,0.2);margin-right:0px;margin-top:6px;position:absolute;left:0px;}
.detail-content iframe{width:100%;height:300px;}
.detail-content video{width:100%;height:300px;background-color:#000;}
.detail-content img{display:block;max-width:100%;width:auto;height:auto;margin:0px auto 0px!important;padding:0px!important;}
.detail-content table{margin-bottom:15px;width:100%;border-collapse:separate;border-spacing:1px;background-color:rgba(0,0,0,0.1);}
.detail-content table td{background-color:#FFF;padding:12px 12px;line-height:18px;font-size:14px;color:#555;}
.detail-content p{margin-bottom:25px;line-height:30px;}
.detail-content p:last-child{margin-bottom:0px;}

.detail-next{position:relative;margin-top:30px;padding-top:20px;padding-bottom:0px;border-top:rgba(0,0,0,0.15) dotted 1px;}
.detail-next:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:1px;background-color:#f2f2f2;}
.detail-next a{font-size:14px;}
.detail-next .links{color:#999;font-size:14px;line-height:22px;padding-top:4px;padding-bottom:4px;}

.s-contact{padding-top:50px;padding-bottom:50px;display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;}
.s-contact .text{width:calc(40% - 50px);}
.s-contact .text .logo{margin-bottom:20px;}
.s-contact .text .logo img{height:36px;}
.s-contact .text h1{color:#222;font-size:22px;line-height:28px;font-family:"SourceHanCNBold","PingFang";margin-bottom:15px;}
.s-contact .text h2{color:#222;font-size:16px;line-height:28px;font-family:"SourceHanCNBold","PingFang";margin-top:15px;}
.s-contact .text p{color:#555;font-size:14px;line-height:28px;}
.s-contact .qrcode{margin-top:20px;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;}
.s-contact .qrcode .item{margin-right:30px;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;}
.s-contact .qrcode .item img{width:140px;}
.s-contact .qrcode .item p{color:#222;font-size:14px;line-height:20px;font-family:"SourceHanCN","PingFang";margin-top:10px;}
.s-contact .right-message{width:calc(60% - 0px);background-color:rgba(255,255,255,0);padding:0px 0px;box-shadow:0px 0px 10px rgba(0,0,0,0.0);}

.s-message{position:relative;z-index:10;}
.s-message .title{display:block;position:relative;color:#111;font-size:22px;line-height:28px;font-family:"SourceHanCN","PingFang";padding-bottom:0px;}
.s-message .contents{position:relative;z-index:10;}
.s-message .con-left{float:left;width:45%;}
.s-message .con-right{float:right;width:calc(55% - 10px);}
.s-message .con-s-left{float:left;width:30%;}
.s-message .con-s-center{float:left;width:calc(35% - 10px);margin-left:10px;}
.s-message .con-s-right{float:right;width:calc(35% - 10px);}
.s-message form{padding:20px 3px 0px;}
.s-message .el-form-item{position:relative;}
.s-message .el-input.el-input__inner{border-width:0px;}
.s-message .el-input{position:relative;z-index:3;height:60px;padding:28px 50% 12px 20px;color:#000;font-size:18px;background-color:transparent!important;font-family:"SourceHanCN","PingFang";border-radius:3px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message textarea.el-input{width:100%;height:100px;margin-top:30px;margin-right:1px;padding:0px 30% 20px 20px;color:#000;line-height:26px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-input.el-button{width:100%;cursor:pointer;border-width:0px;color:#fff;font-size:16px;font-family:"SourceHanCN","PingFang";text-shadow:1px 1px 0px rgba(0,0,0,0.3);padding:2px 20px 2px;background-color:#333!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-input.el-button:hover{background-color:#db000a!important;}
.s-message .el-input.el-button.disabled{background-color:#000!important;color:rgba(255,255,255,0.8)!important;text-shadow:0px 0px 0px rgba(0,0,0,0.0)!important;cursor:not-allowed;}
.s-message .el-form-item{position:relative;margin-bottom:10px;display:-webkit-flex;display:flex;justify-content:space-between;}
.s-message .el-form-item span.error{position:absolute;z-index:2;right:20px;top:20px;color:#bb121a;font-size:12px;line-height:20px;padding-right:18px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-form-item label{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;padding-left:20px;padding-top:20px;background-color:#fff;border:rgba(0,0,0,0.1) solid 1px;border-radius:3px;color:#222;font-size:14px;line-height:16px;font-family:"SourceHanCN","PingFang";cursor:text;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-message .el-form-item label::before{content:"";position:absolute;z-index:0;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border:rgba(0,0,0,0.05) solid 3px;border-radius:5px;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-form-item:hover label{border:rgba(0,0,0,0.2) solid 1px;}
.s-message .el-form-item:hover label::before{border:rgba(0,0,0,0.08) solid 2px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label{border:rgba(0,0,0,0.4) solid 1px;}
.s-message .el-form-item .el-input.el-input__inner:focus + label::before{border:rgba(0,0,0,0.15) solid 2px;}
.s-message .el-form-item .el-input:focus ~ label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.visited label{padding-top:8px;color:#888;font-size:12px;}
.s-message .el-form-item.item02{float:left;width:calc(100% - 140px);}
.s-message .el-form-item.item02 + .el-form-item.item02{width:140px;background-color:transparent;}
.s-message .el-form-item.item02 img{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;}
.s-message .el-form-item.item02 #canvas{width:calc(100% - 10px);height:60px;margin-left:10px;border-radius:3px;background-color:rgba(0,0,0,0.05);cursor:pointer;-webkit-transition:all 300ms cubic-bezier(.25,.1,.25,1);transition:all 300ms cubic-bezier(.25,.1,.25,1);}
.s-message .el-form-item.item02 #canvas:hover{background-color:#f8dddd;}
.s-message .el-form-item.item02 button[type="button"]{margin-left:10px;width:calc(100% - 10px)!important;cursor:pointer;background-color:rgba(0,0,0,0.1);padding:10px 20px 10px;color:#222;font-size:15px;}
.s-message .el-form-item.item02 button[type="button"]:hover{background-color:#333;color:#fff;}
.s-message .el-form-item.item02 button[type="button"].visited{background-color:rgba(0,0,0,0.05);color:#999;cursor:not-allowed;}
.s-message .el-form-item input.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item input.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-message .el-form-item input.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.s-message .el-form-item textarea.error ~ label{color:#bb121a!important;border:rgba(188,18,20,0.5) solid 1px!important;}
.s-message .el-form-item textarea.error ~ label::before{border:rgba(188,18,20,0.2) solid 2px!important;}
.s-message .el-form-item textarea.error ~ span.error::after{content:"\e79d";position:absolute;top:0px;right:0px;color:#bb121a;font-size:15px;line-height:20px;font-family:element-icons!important;}
.s-message .el-form-item input.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.s-message .el-form-item input.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.s-message .el-form-item textarea.valid ~ label{color:#449100!important;border:rgba(85,175,5,0.6) solid 1px!important;}
.s-message .el-form-item textarea.valid ~ label::before{border:rgba(85,175,5,0.3) solid 2px!important;}
.s-message .tips{color:#888;font-size:13px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.sub-product-detail{margin:0px auto;max-width:1200px;}
.sub-product-detail .con-left{float:right;width:calc(100% - 500px);padding-left:30px;}
.sub-product-detail .con-left .name{color:#222;font-size:28px;line-height:30px;font-family:"SourceHanCNBold","PingFang";margin-bottom:20px;}
.sub-product-detail .con-left p{font-size:15px;color:#222;line-height:26px;margin-bottom:15px;}
.sub-product-detail .con-right{float:left;width:500px;}
.sub-product-detail .con-right .swiper-container{position:relative;}
.sub-product-detail .con-right .gallery-top .swiper-slide{text-align:center;}
.sub-product-detail .con-right .gallery-top img{width:calc(100% - 0px);}
.sub-product-detail .con-right .gallery-top video{width:calc(100% - 80px);height:100%;}
.sub-product-detail .con-right .gallery-top iframe{width:calc(100% - 80px);height:100%;}
.sub-product-detail .con-right .swiper-container.gallery-thumbs{width:100%;margin-top:2px;}
.sub-product-detail .con-right .swiper-container.gallery-thumbs .swiper-slide{cursor:pointer;}
.sub-product-detail .con-right .swiper-container.gallery-thumbs .swiper-slide img{width:100%;margin:0px;padding:2px;border:rgba(0,0,0,0.1) solid 1px;}
.sub-product-detail .con-right .swiper-container.gallery-thumbs .swiper-slide-active img{border:#db000a solid 1px;}
.sub-product-detail .con-right .gallery-top .swiper-button-prevs{position:absolute;z-index:1;top:calc(50% - 20px);left:0px;width:30px;height:40px;display:block;cursor:pointer;background-color:rgba(0,0,0,0.06);background-image:url(../images/scroll-left.png);background-size:7px 14px;background-position:center;background-repeat:no-repeat;-webkit-transition:all .2s linear;transition:all .2s linear;}
.sub-product-detail .con-right .gallery-top .swiper-button-nexts{position:absolute;z-index:1;top:calc(50% - 20px);right:0px;width:30px;height:40px;display:block;cursor:pointer;background-color:rgba(0,0,0,0.06);background-image:url(../images/scroll-right.png);background-size:7px 14px;background-position:center;background-repeat:no-repeat;-webkit-transition:all .2s linear;transition:all .2s linear;}
.sub-product-detail .con-right .gallery-top .swiper-button-prevs:hover{background-image:url(../images/scroll-leftc.png);}
.sub-product-detail .con-right .gallery-top .swiper-button-nexts:hover{background-image:url(../images/scroll-rightc.png);}
.sub-product-detail .con-right .gallery-thumbs .swiper-slide{position:relative;}
.sub-product-detail .con-right .gallery-thumbs .swiper-slide i{position:absolute;z-index:1;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;background-image:url(../images/icon-video.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;}
.sub-product-detail dl.dot{margin-top:0px;margin-bottom:15px;}
.sub-product-detail dl.dot dd{position:relative;padding:5px 0px 5px 12px;color:#222;font-size:15px;line-height:24px;}
.sub-product-detail dl.dot dd:before{content:"";position:absolute;left:0px;top:14px;display:inline-block;width:4px;height:4px;border-radius:20px;background-color:rgba(0,0,0,0.6);}

}

@media (min-width:1280px){

.m-solution .item .photo{height:340px;}

.m-pic-text .container{height:560px;}

.m-product .item .photo{height:340px;}

}